<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<script language="javascript">
function done() {
	misc_q = ["road", "sidewalk", "bikelane", "crosswalk", "building", "tree", "grass", "bush"];
	misc_answer = "";
	for(i=0;i<misc_q.length;i++) {
		checked = document.getElementById(misc_q[i]).checked;
		if (checked) {
			misc_answer += misc_q[i];
			misc_answer += " ";
		}
	}
	alert(misc_answer);
	
}
</script>

<form id="q" action="">
<p><u>Question 4</u>: Does the scene contain any of the following? Please check all that apply.</p>
<input type="checkbox" value="road" id="road"/><label for="road">Road</label>
<input type="checkbox" value="sidewalk" id="sidewalk"/><label for="sidewalk">Sidewalk</label>
<input type="checkbox" value="bikelane" id="bikelane"/><label for="bikelane">Bikelane</label>
<input type="checkbox" value="crosswalk" id="crosswalk"/><label for="crosswalk">Crosswalk</label>
<input type="checkbox" value="building" id="building"/><label for="building">Building</label>
<input type="checkbox" value="tree" id="tree"/><label for="tree">Tree</label>
<input type="checkbox" value="grass" id="grass"/><label for="grass">Grass</label>
<input type="checkbox" value="bush" id="bush"/><label for="bush">Bush</label>

</form>
<button type="button" id="done" class="groovybutton" onclick="javascript:done()">I am done with this step</button>
</body>
</html>
